<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>canvas小实例一  画板</title>
<link rel="stylesheet" href="{{url_for('static',filename='./canvas_painter.css')}}" type="text/css">

    <!--<style type="text/css">-->
        <!--*{ padding:0; margin:0;}-->
        <!--body{ background:#ccc;}-->
        <!--canvas{ background:#5bc0de; margin:50px 10px; border: #2e6da4; }-->
        <!--input{ display:inline-block; width:80px; height:30px; cursor:pointer; margin-left:10px;}-->
        <!---->
    <!--</style>-->

</head>

<body>
    <canvas width="500" height="500" id="canvas">
        <span>亲，您的浏览器不支持canvas，换个浏览器试试吧！</span>
    </canvas>
    <div>
        <input type="button" value="红画笔" id="red">
        <input type="button" value="绿画笔" id="green">
        <input type="button" value="蓝画笔" id="blue">
        <input type="button" value="重置颜色" id="default">
        <input type="button" value="清除画布" id="clear">
    </div>

    <script type="text/javascript" src="{{url_for('static',filename='./canvas_painter.js')}}"></script>

</body>

</html>
